<template>
    <div class="ticketDetail">
        <header>
            <span class="iconfont icon-zuojiantou" @click="goSearch">

            </span>
            <span>车票</span>
            <span>1</span>
        </header>
        <div class="box">
                <p>
                    <span class="big">06:24</span>
                    <span class="bigs">合肥南</span>
                    <span class="bigss">
                        二等座 <span>有票</span>
                    </span>
                </p>
                <p>
                    <span>
                        48分
                    </span>
                    <span>
                        G7740
                    </span>
                    <span class="bigss">
                        一等座 <span>有票</span>
                    </span>
                </p>
                <p>
                    <span class="big">06:24</span>
                    <span class="bigs">合肥南</span>
                    <span class="bigss">
                        商务座 <span>有票</span>
                    </span>
                </p>
                <p class="split"></p>
        </div>
        <nav>

        </nav>
        <p class="buy">
            <span>二等座</span>
            <span>￥67</span>
            <span>有票</span>
            <button>预定</button>
        </p>
        <p class="buy">
            <span>一等座</span>
            <span>￥107</span>
            <span>有票</span>
            <button>预定</button>
        </p>
        <p class="buy">
            <span>商务座</span>
            <span>￥201</span>
            <span>有票</span>
            <button>预定</button>
        </p>

    </div>
</template>

<script setup>
import { ref, onMounted } from "vue";
import { useStore } from "vuex";
import './scss/style.scss'
import router from "@/router";

const goSearch = () => {
    router.push('/search')
}
</script>

<style lang="scss" scoped>

</style>